<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="../css/index.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
</head>
<body>
    <div class="shu">
        
    账号: <input type="text">
    <p>用户名:<input type="text"></p>
    <p>密码: <input type="password"></p>
    <p>爱好: <input type="checkbox" name="" id="">音乐
        <input type="checkbox" name="" id="">舞蹈
        <input type="checkbox" name="" id="">足球
    <input type="checkbox" name="" id="">游戏
    </p>
    
        资料上传：<input type="file">
        <p>热销产品：<input type="checkbox" name="" id="">美白滋养霜
            <input type="checkbox" name="" id="">美白润体霜
            <input type="checkbox" name="" id="">美白面膜
            <input type="checkbox" name="" id="">美白柔肤水
        </p>
        <p>
            <input type="button" value="提交">
            <input type="button" value="重置">
        </p>

    </div>
    <div class="book">
        统计结果如下:
        <div>
            标签的数量为:
           <p>单行文本框的数量: </p>
           <p>密码框的数量为: </p>
           <p>单选按钮的数量为：</p>
           <p>上传文本域的数量为：</p>
           <p>复选框的数量：</p>
           <p>提交按钮的数量：</p>
           <p>普通按钮是数量：</p>
        </div>



        
    </div>
</body>
<script src="../js/index.js"></script>
</html>